#Overall {
    /*三个属性集合使用,达到撑满剩余高度*/
    display: flex;
    flex-flow: column;
    height: 100%;
}
#Overall .top {
    width: 96%;
    background-color: white;
    margin: 10px auto;
    height: 70px;
    border-radius: 20px 50px 20px 50px;
}
/*table平分宽度*/
#Overall .top table {
    width: 100%;
    table-layout: fixed;
    padding: 4px;
}
#Overall .show-box {
    flex: 1;  /*集合父类使用,使其撑满剩余高度*/
    overflow: scroll ; /*溢出*/
    /*display: flex; !*使子类div一行显示*!*/
}
#Overall .show-box-box1 {
    width: 100%;
    height: 50%;
    display: flex; /*使子类div一行显示*/
    /*margin: 10px auto;*/
}
#Overall .show-box-box1 .show-box1 {
    width: 48%;
    height: 100%;
    background-color: white;
    margin: 5px auto;
    /*border-radius: 20px 50px 20px 50px;*/
}
#Overall .title{
    font-size: 16px;
    font-weight: bold;
    font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
}
#Overall .show-box-box1 .show-box2 {
    width: 48%;
    height: 100%;
    background-color: white;
    margin: 5px auto;
    /*border-radius: 20px 50px 20px 50px;*/
}

#Overall .show-box-box2 {
    margin-top: 20px;
    width: 100%;
    height: 50%;
    display: flex; /*使子类div一行显示*/
}
#Overall .show-box-box2 .show-box1 {
    width: 48%;
    background-color: white;
    height: 100%;
    margin: 5px auto;
    /*border-radius: 30px 10px 30px 10px;*/
    overflow: scroll ; /*溢出*/
}
#Overall .show-box-box2 .show-box2 {
    width: 48%;
    height: 100%;
    background-color: white;
    margin: 5px auto;
    /*border-radius: 20px 50px 20px 50px;*/
    overflow: scroll ; /*溢出*/
}